var Take_Box = {
  config : {
    moving : false ,
    cur_index : 0 ,
  } ,
  init : function( config ){
    var _this = this ;
    $.extend(_this.config , config);
    
    _this.init_btn();
    _this.init_boxes();
    //_this.init_award_list();
  },
  
  init_btn : function(){
    var _this = this ;
    //领取礼盒按钮
    $(document).on('click' , '#take_box_btn' , function(e){
      e.preventDefault();
      var url = _this.config.do_take_box_url ;
      var data = {
        box_index : _this.config.cur_index ,
        event_id : _this.config.event_id ,
        event_type : _this.config.event_type ,
        mer_id : _this.config.mer_id ,
        box_index : _this.config.cur_index ,
        point : _this.config.point ,
      };
      
      //转去领礼盒页面（之前提醒扣除帮帮豆）
      sure.init('领取礼盒将扣除' + _this.config.point + '帮帮豆，确定继续吗？' , function(){
        $.post(url , data , function(ret){
          ios_alert.init(ret.info , function(){
            if ( ret.status ) {
              window.location.href = _this.config.my_box_url;
            }
          });
        });
      });
    });
  },
  
  init_boxes : function(){
    var _this = this ;
    _this.config.width = $(window).width();
    _this.config.maxlen = $('.boxes').find('li').length;
    
    $('.box-slider').find('.num-tip > span').eq(0).addClass('active');
    
    $('.boxes').find('li').each(function(index) {
      $(this).css('left' , _this.config.width * index + 'px');  
      
      $(this).swipe({
        swipeStatus: function (event, phase, direction, distance, duration,fingerCount) {
          if ( distance < 30 ) {
            return ;
          }
          if ( direction == 'left' ) {
            var next_index = index + 1 >= _this.config.maxlen ? 0 : index + 1;
            _this.set_box_slider( index , next_index , 'left' );
          } else if ( direction == 'right' ) {
            var next_index = index - 1 < 0 ? _this.config.maxlen - 1 : index - 1;
            _this.set_box_slider( index , next_index , 'right' );
          }
        },
      });
    });
    
    /*
    $('.boxes').find('li').on('swipeleft' , function(){
      var index = $('.boxes').find('li').index( $(this) );
      var next_index = index + 1 >= _this.config.maxlen ? 0 : index + 1;
      _this.set_box_slider( index , next_index , 'left' );
    });

    $('.boxes').find('li').on('swiperight' , function(){
      var index = $('.boxes').find('li').index( $(this) );
      var next_index = index - 1 < 0 ? _this.config.maxlen - 1 : index - 1;
      _this.set_box_slider( index , next_index , 'right' );
    });
    */
  },
  
  //设置盒子滑动
  set_box_slider: function( index , next_index , direction ) {
    var _this = this ;
    if ( _this.config.moving ) {
      return ;
    }
    
    _this.config.cur_index = next_index ;
    
    $('.box-slider').find('.num-tip > span').removeClass('active').eq(next_index).addClass('active');
    if ( direction == 'left' ) {
      index_to = _this.config.width * -1 ;
      $('.boxes').find('li').eq(next_index).css('left' , _this.config.width + 'px');
      
    } else if ( direction == 'right' ) {
      index_to = _this.config.width  ;
      $('.boxes').find('li').eq(next_index).css('left' , _this.config.width * -1 + 'px');
    }
    
    $('.boxes').find('li').eq(next_index).show()
    _this.config.moving = true ;
    
    $('.boxes').find('li').eq(index).animate({left : index_to + 'px'} , 'fast' , function(){
      $(this).hide();

      $('#layer').addClass('bounceIn animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
        $(this).removeClass('bounceIn animated');
      });
    });
    
    $('.boxes').find('li').eq(next_index).animate({left : 0} , 'fast' , function(){
      _this.config.moving = false ;
    });
  }
  
  
};